<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <script text="javascript">
        function recargar() {
            //se activa el método alert luego de 2 segundos
            //setTimeout("alert('Pasaron 2 segundos!')",2000); 10000
            setTimeout('document.location.reload()', 1000);
        }

    </script> 
    <ui:composition template="/template.xhtml">
        <ui:define name="body">
            <h:form id="frmAdjunta">
                <h:panelGroup id="messagePanel" layout="block">
                    <!--h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/-->
                </h:panelGroup>
                <p:panel header=" Derivación de Registros"   >
                    <h:panelGrid id="pnl1" columns="3" cellpadding="4" cellspacing="4" style="margin: 1 auto; border: blue"  > 
                        <h:outputLabel value="ADJUNTAR Documento en el Registro N° " style="color: blue;" /> 
                        <h:inputText value="#{docAdjuntoController.idregistro}" size="12"   />
                        <p:commandButton value="Listar Documentos Adjuntos del Registro " icon="ui-icon-search" action="#{docAdjuntoController.filtrar_nRegistro()}" 
                                         update="frmAdjunta"/>
                    </h:panelGrid>
                    <h:panelGroup  >
                        <p:dataTable value="#{docAdjuntoController.lista}" var="item" widgetVar="expTable"  paginator="true" 
                                     rowKey="#{item.idDocAdj}" selection="#{docAdjuntoController.docadjunto}" selectionMode="single" id="dataTable">
                            <f:facet name="header" >  
                                Documentos &nbsp; Adjuntos &nbsp;en &nbsp;el &nbsp;;Registro &nbsp;&nbsp;Nº  &nbsp;&nbsp; 
                                <h:outputText value="#{docAdjuntoController.idregistro}" style="text-align: center; font-size: 14px; " />
                            </f:facet>  
                            <p:column width="75" style="text-align: center; font-size: 12px; ">
                                <f:facet name="header">
                                    <h:outputText value="Nº de Registro"/>
                                </f:facet>
                                <h:outputText value="#{item.expediente}"/>
                            </p:column>
                            <p:column width="85" style="text-align: center; font-size: 12px; ">
                                <f:facet name="header">
                                    <h:outputText value="Fecha y Hora"/>
                                </f:facet>
                                <h:outputText value="#{item.fechIngre}">
                                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
                                </h:outputText>
                            </p:column>

                            <p:column width="270" style="text-align: left; font-size: 12px; ">
                                <f:facet name="header">
                                    <h:outputText value="Motivo"/>
                                </f:facet>
                                <h:outputText value="#{item.observacion}"/>
                            </p:column>
                            <p:column  width="90" style="text-align: center; font-size: 12px; ">
                                <f:facet name="header">
                                    <h:outputText value="Documento Adjunto"/>
                                </f:facet>
                                <h:outputText value="#{item.estadoDoc.nombre}"/>
                            </p:column>

                            <p:column width="130" style="text-align: center; font-size: 12px; ">
                                <f:facet name="header">
                                    <h:outputText value="&nbsp; Opciones  "/>
                                </f:facet>
                                <p:commandButton value="Ver" icon="ui-icon-search" oncomplete="expSelecDialog.show()" update=":frmDetalle"    />
                                <h:outputText value=" "/>
                                <p:commandButton update=":confirmEditar" value="Editar" actionListener="#{docAdjuntoController.getDocAdjunto(item.idDocAdj)}"
                                                 oncomplete="dlgEditar.show();" icon="ui-icon-arrowrefresh-1-w"   > 
                                    <f:setPropertyActionListener value="#{item}" target="#{docAdjuntoController.docadjunto}" />
                                </p:commandButton> 
                                <p:commandButton value="Elimina" update=":confirmDelete" oncomplete="deleteDialog1.show()">
                                    <f:setPropertyActionListener value="#{item}" target="#{docAdjuntoController.docadjunto}" />
                                </p:commandButton>
                            </p:column>
                            <f:facet name="footer">  
                                <p:commandButton value="Adjuntar Nuevo Documento" update=":frmNuevo"  icon="ui-icon-disk" actionListener="#{docAdjuntoController.prepareCreateDocAdj()}"
                                                 oncomplete="dlgNuevo.show();">
                                </p:commandButton> 

                                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                                <h:commandButton actionListener="#{docAdjuntoController.docAjuntPrn}" title="Reporta Documento Adjuntado al Registro" image="/resources/img/print.PNG" value="Doc Adjuntos" disabled="#{usuarioController.condicion2()}"   />

                            </f:facet>  
                        </p:dataTable>
                    </h:panelGroup>
                    <br />
                    <br />
                </p:panel>
                <br />
                <h:commandLink action="#{docAdjuntoController.prepareCreate}" value="#{bundle.ListDocAdjuntoCreateLink}"/>
                <br />


            </h:form>
            <!-- Dialog de Eliminar Registro de Derivación -->  
            <p:confirmDialog id="confirmDelete" header="Confirmar Eliminación " widgetVar="deleteDialog1" severity="alert" showEffect="fade" appendToBody="true" 
                             hideEffect="fade" closeOnEscape="true"  message="¿Eliminará  Documento Adjunto "
                             style="font-size: 18px; color: red;"  >
                <h:form>
                    <h:panelGrid id="display" columns="2" cellpadding="4"  style="font-size: 11px;">
                        <h:outputText value="Nº Registro" style="font-size: 13px; color: red;" />
                        <h:outputText value="#{docAdjuntoController.docadjunto.expediente.codExp}" style="font-size: 18px; font-weight: 700; color: red;" />

                        <h:outputText value="Fecha y Hora" style="font-size: 11px;" />
                        <p:inputText value="#{docAdjuntoController.docadjunto.fechIngre}" style="color: blue;width: 115px;" readonly="true">
                            <f:convertDateTime pattern="MM/dd/yyyy HH:mm:ss" />
                        </p:inputText>

                        <h:outputText value="Motivo" style="font-size: 11px; alignment-adjust: central" />
                        <p:inputTextarea value="#{docAdjuntoController.docadjunto.observacion}" rows="5" cols="90" style="color: blue; width: 270px;" readonly="true"/>

                        <h:outputText value="Estado Doc. Adjunto" style="font-size: 11px;" />
                        <p:inputText value="#{docAdjuntoController.docadjunto.estadoDoc.nombre}" style="color: blue; width: 110px;" readonly="true"/>
                    </h:panelGrid>
                    <p:separator/>
                    <center>
                        <p:commandButton id="accept" value="Eliminar" update=":confirmDelete,:frmAdjunta" oncomplete="deleteDialog1.hide();"
                                         actionListener="#{docAdjuntoController.eliminaDocAdj()}" ajax="true" action="#{docAdjuntoController.filtrar_nRegistro()}"> 
                        </p:commandButton>
                    </center>
                </h:form>
            </p:confirmDialog>  
            <!-- Form VER Documento Adjunto  -->  
            <h:form id="frmDetalle" >  
                <p:dialog header=" Detalle del Documento Adjunto Seleccionado" closeOnEscape="true" widgetVar="expSelecDialog" resizable="false" width="420"  
                          showEffect="fade" hideEffect="explode" >
                    <h:panelGrid id="display" columns="2" cellpadding="4"  cellspacing="11" style="font-size: 11px;" >
                        <h:outputText value="Nº Registro" style="font-size: 13px; color: red;" />
                        <h:outputText value="#{docAdjuntoController.docadjunto.expediente.codExp}" style="font-size: 18px; font-weight: 700; color: red;" />

                        <h:outputText value="Fecha y Hora" style="font-size: 11px;" />
                        <p:inputText value="#{docAdjuntoController.docadjunto.fechIngre}" style="color: blue;width: 115px;" readonly="true">
                            <f:convertDateTime pattern="MM/dd/yyyy HH:mm:ss" />
                        </p:inputText>

                        <h:outputText value="Motivo" style="font-size: 11px; alignment-adjust: central" />
                        <p:inputTextarea value="#{docAdjuntoController.docadjunto.observacion}" rows="5" cols="90" style="color: blue; width: 270px;" readonly="true"/>

                        <h:outputText value="Estado Doc. Adjunto" style="font-size: 11px;" />
                        <p:inputText value="#{docAdjuntoController.docadjunto.estadoDoc.nombre}" style="color: blue; width: 110px;" readonly="true"/>
                    </h:panelGrid>
                </p:dialog>
            </h:form> 
            <!--h:form id="frmEditar"-->
            <!--  ************************Dialog de confirmacion de Edicion del Doc Adjunto ****************************     **-->            
            <p:dialog  id="confirmEditar" modal="true"  header="Editar Documento Adjunto" appendTo="@(body)" closeOnEscape="true" widgetVar="dlgEditar" 
                       resizable="false" showEffect="fade" hideEffect="explode" width="500" >
                <h:form>
                    <h:panelGrid id="pgEditar"   columns="2" cellpadding="6"  cellspacing="1" style="margin: 0 auto;">
                        <h:outputText value="Nº Registro" style="font-size: 13px; color: red;" />
                        <h:outputText value="#{docAdjuntoController.docadjunto.expediente.codExp}" style="font-size: 18px; font-weight: 700; color: red;" />
                        <h:outputText value="Fecha y Hora" style="font-size: 11px;" />
                        <p:inputText value="#{docAdjuntoController.docadjunto.fechIngre}" style="color: blue;width: 115px;" >
                            <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" />
                        </p:inputText>
                        <h:outputText value="Motivo" style="font-size: 11px; alignment-adjust: central" />
                        <p:inputTextarea value="#{docAdjuntoController.docadjunto.observacion}" rows="5" cols="90" style="color: blue; width: 270px;" />
                        <h:outputText value="Estado Doc. Adjunto" style="font-size: 11px;" />
                        <h:selectOneMenu id="stadoc" value="#{docAdjuntoController.docadjunto.estadoDoc}"  style="font-size: 12px; width: 290px;  color: #4e6a71;" requiredMessage="Seleccionar Trabajador">
                            <f:selectItems value="#{estadoDocController.itemsAvailableSelectOne}"  />
                        </h:selectOneMenu> 
                    </h:panelGrid>     
                    <center> 
                        <p:commandButton id="accept"  value="Grabar" update=":confirmEditar,:frmAdjunta" oncomplete="dlgEditar.hide();"  
                                         action="#{docAdjuntoController.update()}" ajax="true" onclick="recargar();"  icon="ui-icon-disk"  >
                        </p:commandButton>

                    </center>

                </h:form>  
            </p:dialog> 
            <!-- Formulario Nuevo Doc Adjunto -->  
            <p:dialog id="confNuevo" modal="true" header="Nuevo Documento Adjunto "  closeOnEscape="true" widgetVar="dlgNuevo" resizable="false" showEffect="fade" hideEffect="explode" appendTo="@(body)" >
                <h:form id="frmNuevo">
                    <p:growl id="growl" showDetail="true" sticky="true" />  
                    <!--   -->
                    <h:panelGrid id="pgNuevo"  columns="2" cellpadding="2"  cellspacing="7" style="margin: 0 auto;">

                        <h:outputText value="Motivo" style="font-size: 11px; alignment-adjust: central" />
                        <p:inputTextarea value="#{docAdjuntoController.docadjunto.observacion}" rows="5" cols="90" style="color: blue; width: 270px;" />
                        <h:outputText value="Estado Doc. Adjunto" style="font-size: 11px;" />
                        <h:selectOneMenu id="stadoc" value="#{docAdjuntoController.docadjunto.estadoDoc}"  style="font-size: 12px; width: 290px;  color: #4e6a71;" requiredMessage="Seleccionar Trabajador">
                            <f:selectItems value="#{estadoDocController.itemsAvailableSelectOne}"  />
                        </h:selectOneMenu> 

                    </h:panelGrid> 
                    <p:separator />
                    <br />
                    <center>
                        <p:commandButton id="cnew"   onclick="recargar();" value="Guardar" update=":frmAdjunta"  oncomplete="dlgNuevo.hide();" icon="ui-icon-disk" 
                                         actionListener="#{docAdjuntoController.grabaDocAdj()}" ajax="true" action="#{docAdjuntoController.filtrar_nRegistro()}"/>  
                    </center>

                </h:form>

            </p:dialog>

        </ui:define>
    </ui:composition>

</html>
